<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:a="http://richfaces.org/a4j" template="/layout/template.xhtml">

	<ui:define name="center">
		<c:set value="abc" var="exampleModalpanelId"/>
		<h1>
			<h:outputText value="#{personmsgs['pageTitle']}" />
		</h1>
		<h:outputText value="#{personmsgs['description']}" />
		<h:form id="frmNewUser">
			<ui:include src="personInfo.xhtml" />
			<ui:include src="remainLostPassword.xhtml" />
			<ui:include src="paymentInfo.xhtml" />
			<ui:include src="phoneNumberAndEmail.xhtml" />
			
			<h:panelGrid columns="1" style="width:100%;text-align:right;">
			<h:commandButton id="create-person" value="#{personmsgs['createPerson']}" onclick="Atsm.Mask.show();"
				style="color:blue;" action="#{person.doSave()}"/>
			</h:panelGrid>
			
			<a4j:commandLink id="openDialog" ajaxSingle="true"
				action="#{exampleModalPanel.showDialog(exampleModalpanelId)}" reRender="#{exampleModalpanelId}"
				value="Open">
			</a4j:commandLink>
		</h:form>
		
		<ui:decorate template="MyModalPanel.xhtml">
       	  <ui:param value="#{exampleModalpanelId}" name="idModalPanel" />
       	  <ui:param name="bean" value="#{exampleModalPanel}" />
  		</ui:decorate>
	</ui:define>
</ui:composition>
